*{
  margin:0px;
  padding:0px;
  outline:0 none;
}
html,body{
  width:100%;
  height:100%;
  font-family: 宋体,Arial,sans-serif;
  overflow: hidden;
  -webkit-user-select:none;
  color:#fff;
  font-size: 62.5%;
  background-color: #000;
}

img{
  border:none;
}
ul li{
  list-style:none;
}
body{
  height:100%;
  background-size: 100% 100%;
}

/*----------------------map-------------------------*/
#map,#adj_imageryMap{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
#adj_imageryMap{
  display: none;
}
#map_compare{
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  display:none;
}
#company_logo{
  position: absolute;
  bottom: 1rem;
  right:1rem;
  width:6.7rem;
  height:6.7rem;
  background: url()
  no-repeat;
  display: block;
}
#company_attribute{
  display: inline-block;
  position: absolute;
  bottom: 0;
  right:0.1rem;
  line-height: 2rem;
  height:1.6rem;
  color:#fff;
}
#company_attribute a{
  color:#fff;
}
/*----------------------search bar-------------------------*/
.search-bar{
  border:1px solid transparent;
  border-right: 0;
  border-radius: 0.2rem 0 0 0.2rem;
  outline: none;
  vertical-align: top;
  background-color: #f6f6f6;
  box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.3),0 0.4rem 1.5rem -0.5rem rgba(0,0,0,0.3);
  box-sizing: border-box;
  height: 3.2rem;
  width: 30rem;
  padding: 0 0.7rem;
  position: absolute;
  z-index: 10;
  top: 1.5rem;
  left: 3rem;
}
.search-bar::after{
  content: "";
  display: block;
  height: 1.7rem;
  margin: 0 auto;
  width: 1.7rem;
  background: url();
  background-size: 1.7rem;
  position: absolute;
  z-index: 6;
  right: -4.5rem;
  top: 0.6rem;
}

.search-bar input{
  box-sizing: border-box;
  padding: 0 0.6rem;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0.5rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.5rem;
  border: none;
  outline: none;
  background-color: transparent;
}

.search-bar button{
  background-color: #4d90fe;
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  border: 0;
  border-radius: 0 0.2rem 0.2rem 0;
  box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.3);
  height: 3.2rem;
  left: 29.9rem;
  text-align: center;
  top: -0.1rem;
  vertical-align: top;
  width: 7.2rem;
  position: absolute;
  z-index: 5;
  text-indent: -9999em;
}
.search-bar button:hover{
  background-color: #357ae8;
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
}
.search-bar button:focus{
  border: 0.1rem solid transparent;
  box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.3), inset 0 0 0 0.1rem rgba(255,255,255,0.5);
  outline: none;
}
/***********************************************serch result list************************/
#search_container{
  position: absolute;
  top:4.7rem;
  left:3rem;
  width:30.1rem;
  color:#666;
  cursor: pointer;
}
#search_num{
  width:100%;
  background-color: #ccc;
  font-size: 1.6rem;
  text-indent: 1.6rem;
  height:2.6rem;
  line-height: 2.6rem;
  border-radius: 0.2rem;
}
#search_num b{
  display:block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float:left;
}
#search_num span{
  display:block;
  font-size: 1.4rem;
  float:right;
  padding-right:1.8rem;
  background: url(/imgs/list.png) 0 0 no-repeat;
  background-position: center right;
  text-align: left;
}
#search_list{
  max-height:50rem;
  overflow: auto;
  display:none;
}
.search_name{
  height:3.2rem;
  font-size: 1.4rem;
  display:block;
  background-color: #eee;
  line-height:3.2rem;
  text-indent: 1.8rem;
  -webkit-box-shadow:0 0.2rem 1rem #000;
  border-radius: 0.2rem;
}
.search_name:hover {
  background-color: #ccc;
  -webkit-transform:translate3d(0px,0.3rem,0.2rem) scaleY(1.2);
}
.rotaAnimat{
  -webkit-animation: animate 1s;
}

/*----------------------left-side-bar------------------*/
.left-side-bar{
  width:32rem;
  height:100%;
  position:absolute;
  top:0;
  left:-27rem;
  z-index: 3;
}
.left-bar-container{
  width:27rem;
  height:100%;
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;
  box-shadow: 0.4rem -0.4rem 1rem #fff;
}


.left-film{
  height:50.5rem;
  width:27rem;
  overflow:hidden;
  position:absolute;
  top:0.2em;
  left:0;
}




.content-list{
  width:284px;
  overflow: hidden;
  top:0;
  position:relative;
  margin:0 auto;
}
.content-list li{
  width:130px;
  height:95px;
  float:left;
  margin:5px 5px 0 5px;

  overflow: hidden;
  cursor: pointer;
  border:0.1rem solid #AAA;
}
.content-list li:hover{
  border:1px solid #fff;
}
.content-list li img{
  width:100%;
  height:100%;
}
.content-name{
  height:2.6rem;
  width:100%;
  bottom: 2.8rem;
  left:0;
  text-indent: 0.5rem;
  color:#fff;
  line-height: 2.6rem;
  font-size: 1.8rem;
  position: relative;
  display: block;
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;
}

.left-side-btn{
  width:27em;
  height:6.2rem;
  position:absolute;
  bottom:0;
  padding: 0.5rem 0;
  background-color: rgba(128,128,128,0.7);
}
.span-btn{
  display: block;
  width:6rem;
  height: 6rem;
  float: left;
  border:0.1rem solid #AAA;
  margin-left: 0.5rem;
}
.home-btn{
  background: url(../imgs/home.png) no-repeat 0 0;
  background-size: 6rem 6rem;
}
.up-arrow{
  background: url(../imgs/back.png) no-repeat 0 0;
  background-size: 6rem 6rem;
}
.down-arrow{
  background: url(../imgs/loop.png) no-repeat 0 0;
  background-size: 6rem 6rem;
}
.add-new{
  background: url(../imgs/add.png) no-repeat 0 0;
  background-size: 4rem 4rem;
  background-position: center;
  border:0.1rem dashed #AAA;
}
.side-icon{
  width:4rem;
  height:10rem;
  position: absolute;
  top:50%;
  right:1.8rem;
  background: url(../imgs/sidebtn.png) no-repeat 0.9rem 0;
  cursor: pointer;
}
/*----------------------------bottom side bar------------------*/
.bottom-side-bar{
  width:100%;
  height:17rem;
  overflow-y:hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: none;
}
.bottom-side-container{
  width:100%;
  height:11rem;
  margin-top: 6rem;
  overflow-y:hidden;
  box-shadow: 0 -0.5rem 1rem #000;
}
.bottom-content{
  height:100%;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
}
.bottom-content li{
  display: inline-block;
  float:none;
  margin-left: 0.2rem;
  margin-top:0.5rem;
  cursor: pointer;
}
.bottom-side-icon{
  top:2.7rem;
  left:50%;
  -webkit-transform:none;
}
/*****************************right side bar ************************/
.right-side-bar{
  top:0;
  right:0.1rem;
  width:5rem;
  height:100%;
  position:absolute;
  z-index: 3;
  overflow: hidden;
}
.slide{
  width:5rem;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
.rs_btn{
  width:0.1rem;
  position:absolute;
  top:0;
  right:0;
  height:100%;
  margin:0;
  overflow: hidden;
  box-shadow: -0.4rem 0 1rem #fff;
  background-color: rgba(0,0,0,0.7);
}
.h5_label{
  text-indent: 20px;
}
.right-content-list{
  overflow:hidden;
  width:16rem;
  margin:0 auto;
  border-bottom: 1px solid #fff;
}
.right-content-list li{
  width:7rem;
  margin:1.2rem 0.5rem;
  float:left;
  color:#fff;
  text-align: center;
}

.right-content-list .disable{
  background-color: gray;
}
.system_tool{
  width:16rem;
  margin:0 auto;
  overflow:hidden;

}
.system_tool li{
  float:left;
  margin:1rem 0.5rem;
  text-align: center;
}
.right_btn{
  display: block;
  width:6.8rem;
  height:6.8rem;
  overflow: hidden;
  border:0.1rem solid #AAA;
  cursor: pointer;
  background: url(../imgs/icons.png) no-repeat 0 0 #fff;
  background-size:100%;
}

.right-content-list li b{
}
.vector_Btn{
  background: url(../imgs/map.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.measureDist_Btn{
  background: url(../imgs/rule.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.measureArea_Btn{
  background: url(../imgs/measureAre.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.mix_Btn{
  background: url(../imgs/tiny.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.street_Btn{
  background: url(../imgs/ios7-film.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.imagery_Btn{
  background: url(../imgs/social-googleplus2.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.imageryAdj_Btn{
  background: url(../imgs/levels.png) no-repeat 0 0 #fff;
  background-size:100%;

}
.mode2d_Btn{
  background: url(../imgs/regioncompare.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.mode3d_Btn{
  background: url(../imgs/android-earth.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.set_Btn{
  background: url(../imgs/ios7-gear.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.power_Btn{
  background: url(../imgs/power.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.refresh_Btn{
   background: url(../imgs/loop.png) no-repeat 0 0 #fff;
  background-size:100%;
}
.actived,.right_btn:active,.right-top-bar .actived,.right-top-btn:active{
  border-color:#357ae8;
  background-color: #357ae8;
  box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.3),0 -0.3rem 0.8rem rgba(0,0,0,0.3);
}
.right-side-icon{
  top:50%;
  left:2rem;
  cursor: pointer;
  z-index: 5;
  background: url(../imgs/sidebtn2.png) -65px 0 no-repeat;
  /*-webkit-transform: rotate(180deg);
  */;
}
/************************************right top btn********************************/
.right-top-bar{
  width:5rem;
  position: absolute;
  top:1rem;
  right:2rem;
  z-index:5;
}
.right-top-btn{
  width:100%;
  height:5rem;
  margin-top: 1rem;
  border:0.1rem solid #fff;
  box-shadow: 0 0.2rem 1rem rgba(255,255,255,0.5);
  background: url(../imgs/icons.png) no-repeat 0 0 #fff;
  background-size: 100%;
  cursor: pointer;
}


.mapHome-Btn{
  background-position:0 -63.5rem;
}
.collect-Btn{
  background-position: 0 -68.8rem;
}
.toNorth-Btn{
  background-position:0 -19.5rem;
}
.imagery-Btn{
  background-position:0 -73.7rem;
}
.bingImagery{
  background-position:0 -78.2rem;
}
.street-Btn{
  background-position:0 -44rem;
}
.compare-Btn{
  background-position:0 -49rem;
}

.peagman{
  width:5rem;
  height:5rem;
  border:0.1rem solid #fff;
  cursor: pointer;
  box-shadow: 0 0.2rem 1rem rgba(255,255,255,0.5);
  background: url(../imgs/icons.png) no-repeat 0 -44rem #fff;
  background-size: 100%;
  position:absolute;
  top:290px;
  right:20px;
  z-index: 30;
}
.moved{
  width:50px;
  height:30px;
  border:none;
  box-shadow: none;
  background: url(../imgs/pegman-dangling-1x.png) 0 -573px no-repeat;
}
/**********************************save list*******************/
.save-list{
  position: absolute;
  bottom:60%;
  left:45%;
  color:#fff;
  background-color: #000;
}
.save-list-ceil{
  height:3rem;
  border:0.1rem solid #fff;
  line-height: 3rem;
  box-shadow: 0.2rem 0.2rem 5rem rgba(0,0,0,0.5);
}
.save-list-ceil select{
  width: 15.4rem;
  height:2.9rem;
}
.save-list-name{
  width:4rem;
  margin-left:0.5rem;
  display: block;
  float:left;
}
.save-list-content{
  width:15rem;
  height:2.4rem;
  margin-left: 0.5rem;
}
.save-list-btn{
  width:4rem;
  height:2.4rem;
  margin-top:0.3rem;
  margin-left:1rem;
  float:right;
  background-image: -webkit-linear-gradient(top,rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.35));
  cursor: pointer;
}
/************************************************map label************************/
.ol-overlaycontainer-stopevent b:active{
  color:#357ae8;
}
.ol-overlaycontainer-stopevent {
  z-index: 2;
}
/***********************************************street img*********************/
.streetSmallImg{
  width:100px;
  height:80px;
  position:absolute;
  top:0;
  left:0;
  display: none;
}
/*
#measureLabel{
  position: absolute;
  top:1rem;
  right:46%;
  color:red;
  display:none;
  font-size: 30px;
}
*/
/***************************************************distance tips***************/
.tips{
  position:absolute;
  right:8rem;
  top:2rem;
  width:17rem;
  height:3rem;
  background-color: #fff;
  color:blue;
  text-align: center;
  font-size: 15px;
  line-height: 3rem;
  box-shadow: 0.2rem 0.2rem 3rem rgba(255,255,255,0.8);
  border-radius: 3px;
  display:none;
}

.infoTip b{
  float:left;
  margin-left:5px;
  display:inline-block;
}
.infoTip  h4{
  float:left;
  color:red;
}
/************************************************show position******************/
#showWGS84{
  position:absolute;
  color:#fff;
  bottom:0;
  left:1rem;
  font-size: 16px;
}

/***************************************************imagery adjust*************/
#adj_Imagery_container{
  position:absolute;
  bottom:10px;
  right:-240px;
  overflow: hidden;
  background-color:#222;
  border:1px solid black;
  border-radius: 5px;
  width:230px;
  height:190px;
  color:#fff;
  font-size:15px;
  line-height: 20px;
  z-index: 40;
  
}
#adj_Imagery_container1{
  position:absolute;
  bottom:10px;
  right:240px;
  overflow: hidden;
  background-color:#222;
  border:1px solid black;
  border-radius: 5px;
  width:500px;
  height:190px;
  color:#fff;
  font-size:15px;
  line-height: 20px;
  z-index: 40;
  
}

.reset_imagery{
  position: absolute;
  background: url(/imgs/reset.png) 0px 0px no-repeat;
  width:20px;
  height:20px;
  background-size: 20px 20px;
  left:8px;
  cursor: pointer;
  border-radius: 10px;
}
.reset_imagery:hover{
  -webkit-animation: animateRota 1.5s;
  -webkit-box-shadow:0px 0px 10px #fff;
}
@-webkit-keyframes animateRota {
  from{ -webkit-transform: rotate3d(0,0,1,360deg);} 
  to{-webkit-transform: rotate3d(0,0,1,0deg);}
}

.closer{
  background: url(/imgs/cross.png) 0px 0px no-repeat;
  background-size: 100%;
  left:auto;
  right:10px;
  
}
.closer:hover{
  -webkit-animation:none;
}
#adj_Imagery_container dl{
  height:100%;
  width:100%;
}
#adj_Imagery_container dt{
  width:100%;
  text-align: center;
  height: 20px;
  border-bottom:1px solid black;
  margin-bottom: 3px;
}

#adj_Imagery_container dd{
  text-align:left;
  height:30px;
  font-size:12px;
  margin-left:10px;
  display:inline-block;
}
#adj_Imagery_container b{
  display:block;
  float:left;
  width:50px;
}
.input_range{
  float:left;
  width:125px;
  -webkit-appearance:none;
  -webkit-box-shadow: 0 1px 0 0px #424242, 
    0 1px 0 #060607 inset,
    0px 2px 10px 0px #aaa inset,
    1px 0px 2px rgba(0, 0, 0, 0.4) inset,
    0 0px 1px rgba(0, 0, 0, 0.6) inset;
  height:8px;
  border-radius: 15px;
  margin-top:6px;
}
.input_range::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: default;
  top: 1px;
  height: 15px;
  width: 15px;
  background: none repeat scroll 0 0 #777;
  border-radius: 15px;
  -webkit-box-shadow: 0 -1px 1px #fff inset;
}
.input_text{
  width:30px;
  float:left;
  height:20px;
  margin-right:10px;
  font-size:14px;
  text-align: center;
  background-color: #777;
  color:#fff;
  border:none;
}

#streetButton {
  padding: 3px 5px 2px 5px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1200;
  border-radius: 100%;
  cursor: pointer;
  background-color: rgba(0, 11, 32, .8);
}

#streetButton:hover img{   
  transform: translateY(-50px);
  filter: drop-shadow(#007ACC 0 50px);
}

.street-footer-container{
  position: absolute;
  right: 0px;
  bottom: 5px;
  z-index: 1200;
  display: block;
  font-family: Roboto, Arial, sans-serif;
}

.streetFooter{
  float: right;
  padding-left: 3px;
  display: table-row;
  font-size: 11px;
  color:#FFFFFF;
}

.streetFooter div{
  display: table-cell;
}

#streetLng a, #streetLat a, #streetDate a, #streetLocation a{
    margin-right:15px;
    text-decoration: none;
}
